
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-12 col-lg-10 col-xl-8">

            <!-- Header -->
            <div class="header mt-md-5">
            </div>

            <!-- Card -->
            <div class="card">
                <div class="card-body text-center">
                    <div class="row justify-content-center">
                        <div class="col-12 col-md-10 col-xl-8">

                            <img src="{{constants.ThemePath}}assets/img/drawkit/drawkit-nature-man-colour.svg" alt="..." class="img-fluid mt-n5 mb-4" style="max-width: 272px;">

                            <h2>
                                {i18n{ manager.installCompleted }i18n}
                            </h2>

                            <p class="text-muted">
                                {i18n{ manager.installDoneComment }i18n}
                            </p>

                            <a href="/manager/dashboard" class="btn btn-primary lift">
                                {i18n{ manager.toDashboard }i18n}
                            </a>

                            <a href="http://doc.appsite.cn" class="btn btn-secondary lift">
                                {i18n{ manager.viewDocument }i18n}
                            </a>

                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12 col-md-6">

                    <div class="card card-inactive">
                        <div class="card-body">

                            <h3 class="text-center">
                                {i18n{ manager.contribute }i18n}?
                            </h3>

                            <p class="text-muted text-center">
                                {i18n{ manager.contributeDescription }i18n}
                            </p>

                            <div class="text-center">
                                <a target="_blank" href="https://github.com/shezw/appsite/" class="btn btn-outline-secondary">
                                    Github
                                </a>
                            </div>

                        </div>
                    </div>

                </div>
                <div class="col-12 col-md-6">

                    <div class="card card-inactive">
                        <div class="card-body">

                            <h3 class="text-center">
                                {i18n{ manager.conversation }i18n}?
                            </h3>

                            <p class="text-muted text-center">
                                {i18n{ manager.conversationDescription }i18n}
                            </p>

                            <div class="text-center">
                                <a href="https://shezw.com" target="_blank" class="btn btn-outline-secondary">
                                    {i18n{ manager.authorPage }i18n}
                                </a>
                            </div>

                        </div>
                    </div>

                </div>
            </div>

            [if[::ad::
            <div class="card">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col-12 col-lg-4 order-lg-2">

                            <div class="text-center">
                                <img src="{{ad.cover}}" alt="..." class="img-fluid mt-n5 mt-lg-0 mb-4 mr-md-n5" style="max-width: 272px;">
                            </div>

                        </div>
                        <div class="col-12 col-lg-8 px-4 py-3 order-lg-1">

                            <h2>
                                {{ad.title}}
                            </h2>

                            <p class="text-muted">
                                {{ad.description}}
                            </p>

                            <a href="{{ad.link}}" target="_blank" class="btn btn-primary lift">
                                {{ad.buttonTitle}}
                            </a>

                        </div>
                    </div>
                </div>
            </div>
            ]if]

        </div>
    </div>
</div>
